<template>
  <div>
    <div id="myEditor"></div>
  </div>
</template>

<script>
import E from 'wangeditor'

export default {
  data() {
    return {
      content: '',
    }
  },
  mounted() {
    // 绑定div上的ID myEditor
    this.content = new E('#myEditor')
    // 获取输入的内容
    this.content.config.onchange = (html) => {
      // 打印输入的内容
      console.log(html);
    }
    // 上传图片到服务器，base64形式
    this.content.config.uploadImgShowBase64 = true
    // 隐藏网络图片
    this.content.config.showLinkImg = false
    // 创建一个富文本编辑器
    this.content.create()
    // 富文本内容
    this.content.txt.html()
  }
}
</script>

<style scoped>
#myEditor {
  width: 90%;
  height: 700px;
  margin:0 auto;
}
</style>
